<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础框架平台服务前端预览中心-文档检索服务</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-editable.css" rel="stylesheet" />
    <link href="bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <link href="css/docs.css" rel="stylesheet" />
    <link href="css/pygments-manni.css" rel="stylesheet" />
    <style type="text/css">
        #keyword{
            width:300px;
            height: 200px;
            border: solid 1px #ccc;
            position: absolute; left:0;
            top:34px; z-index:100;
            background-color: #FFF;
            display: none;
        }
        #keyword ul{
            padding-left: 10px;
        }
        #keyword ul li{
            list-style:none;
            margin-top: 5px;
            cursor: pointer;
        }
        #keyword ul li:hover{
            background-color: #EBEBEB;
        }
    </style>
</head>
<body style="background-color: #F1F3FA;">
<nav class="navbar navbar-default" style="margin-top:5px; margin-bottom:5px;">
    <div class="container-fluid">
        <div class="navbar-header" style="font-size:16px; padding-top:8px;">
            <span style="font-size: 23px; border: solid 1px #DDDDDD; padding:0px 5px; margin-right:25px; float:left;">文档检索服务</span>
            <span id="sp_seviceUrl" style="float:left; padding-top:6px; font-size:15px;"></span>
        </div>
    </div>
</nav>
<ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">检索信息</a></li>
    <li role="presentation"><a href="#serviceAPI" aria-controls="profile" role="tab" data-toggle="tab">文档检索服务API</a></li>
</ul>
<div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="home">
        <div class="panel panel-primary">
            <div class="panel-heading">检索预览</div>
            <div class="panel-body" style="padding-bottom: 0px;">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-4" >
                            <input id="searchParm" type="text" class="form-control" placeholder="请输入检索关键字">
                            <div id="keyword">
                                <ul id="kwul">
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-4" >
                            <input id="searchFilename" type="text" class="form-control" placeholder="请输入检索文件名(例:data.txt)或列表使用 | 分隔">
                        </div>
                        <div class="col-lg-2" >
                            <input id="searchNum" type="text" class="form-control" placeholder="显示数量">
                        </div>
                        <div class="col-lg-2" >
                            <button id="btn_search" class="btn btn-default" type="button">搜 索</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="well well-lg">
                                <div style="float:left;">搜索结果</div><div id="infomess" style="float:left; margin-left: 20px;color:#337ab7;"></div>
                                <div id="info" style="width:100%; border:solid 1px #A9A9A9; min-height:400px; background-color:#FFF; clear:both;">

                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <ul id="page" class="pagination" style="margin-left:28px; margin-bottom: 10px;">

            </ul>
        </div>
    </div>
    <div role="tabpanel" class="tab-pane fade" id="serviceAPI">
        <div class="panel panel-primary">
            <div class="panel-heading">服务API</div>
            <div class="panel-body">
                <div class="container-fluid">
                    <h4>文档全文检索查询服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p  id="searchDocServices">
                            <a href=""  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                            <tr>
                                <td>serviceID</td>
                                <td>String</td>
                                <td>服务ID</td>
                            </tr>
                            <tr>
                                <td>pageNO</td>
                                <td>int</td>
                                <td>当前页数,从1开始(默认值1)</td>
                            </tr>
                            <tr>
                                <td>pageSize</td>
                                <td>int</td>
                                <td>页大小(默认值20)</td>
                            </tr>
                            <tr>
                                <td>keyword</td>
                                <td>string</td>
                                <td>检索关键字
                                </td>
                            </tr>
                            <tr>
                                <td>filenames</td>
                                <td>string</td>
                                <td>检索文件名（例:data.txt）或列表使用 | 分隔
                                </td>
                            </tr>
                            <tr>
                                <td>hightstyle</td>
                                <td>string</td>
                                <td>代码高亮样式,默认值(color:red;font-size:16px;)
                                </td>
                            </tr>
                            <tr>
                                <td>includesContext</td>
                                <td>string</td>
                                <td>是否显示文档内容,默认值(true)
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用说明</h4>
                        <p>使用ajax调用，支持get请求,返回Json数据格式Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"查询结果信息","data":{"total":"总条数","rows":[{数据集合}]}}</p>
                        <figure class="highlight">
                        <pre><code class="language-js" data-lang="js">

<span class="c1">//ajax调用实例</span>
$.ajax({
    type : <span class="s">'get'</span>,<span class="c1">//请求方式GET</span>
    url : <span class="s">'<span class="s_url"></span>/business/searchServer/seachDocData'</span> ,
    async : false,
    data :{serviceID:<span class="s">'<span class="s_id"></span>'</span>,pageNO:<span class="s">'1'</span>,pageSize:<span class="s">'10'</span>,keyword:<span class="s">''</span>,filenames:<span class="s">''</span>,hightstyle:<span class="s">''</span>,includesContext:<span class="s">true</span>},
    success : function(data) {
        <span class="c1">//返回data结果，Json格式的数据{"result":"查询结果状态码(0成功,1失败)","message":"查询结果信息","data":{"total":"总条数","rows":[{数据集合}]}}</span>
    }
});

                        </code></pre></figure>
                    </div>
                    <h4>查询检索热词服务</h4>
                    <div class="bs-callout bs-callout-warning">
                        <h4>服务地址</h4>
                        <p  id="searchHotword">
                            <a href=""  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>参数说明</h4>
                        <table class="table table-bordered table-striped js-options-table">
                            <thead><tr><th>名称</th><th>类型</th><th>说明</th></tr></thead>
                            <tbody>
                            <tr>
                                <td>serviceID</td>
                                <td>String</td>
                                <td>服务ID</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="bs-callout bs-callout-info">
                        <h4>调用说明</h4>
                        <p>使用ajax调用，支持get请求,返回Json数据格式Json格式的数据["","",""]</p>
                        <figure class="highlight">
                        <pre><code class="language-js" data-lang="js">

<span class="c1">//ajax调用实例</span>
$.ajax({
    type : <span class="s">'get'</span>,<span class="c1">//请求方式GET</span>
    url : <span class="s">'<span class="s_url"></span>/business/searchServer/seachHotword'</span> ,
    async : false,
    data :{serviceID:<span class="s">'<span class="s_id"></span>'</span>,pageNO:<span class="s">'1'</span>,pageSize:<span class="s">'10'</span>,keyword:<span class="s">''</span>,hightstyle:<span class="s">''</span>},
    success : function(data) {
        <span class="c1">//返回data结果</span>
    }
});

                        </code></pre></figure>
                    </div>


                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="bootstrap/js/bootstrap-table.min.js"></script>
<script src="bootstrap/js/bootstrap-table-zh-CN.js"></script>
<script src="bootstrap/js/bootbox.min.js"></script>
<script src="bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="js/services/serviceConfig.js"></script>
<script src="js/docs.js"></script>
<script src="js/services/docSearchContent.js"></script>
<script src="js/jqpaginator.min.js"></script>
</body>
</html>